@import "./mixins.css";

/* 按钮 */
.el-button {
    /* @include button-start; */
    border: 1px solid #16336c;
    background: transparent;
    border-radius: 16px;
    font-size: 14px;
    color: #16336c;
    padding: 4px 10px;
    line-height: 1;
}

.el-button:hover {
    /* @include button-start-gradient; */
    background: #16336c;
    border: 1px solid #16336c;
    border-radius: 16px;
    font-size: 14px;
    color: #fff;
    padding: 4px 10px;
    line-height: 1;
}

.el-button:focus,
.el-button:active {
    background: #16336c;
    border: 1px solid #16336c;
    font-size: 14px;
    color: #fff;
}

.el-button--primary.is-disabled {
    color: #bcbec2;
    background-color: #f4f4f5;
    border-color: #e9e9eb;
}

.el-button--primary:focus,
.el-button--primary:active {
    background: #16336c;
    font-size: 14px;
    color: #fff;
}

.el-button--primary:hover {
    background: #16336c;
    font-size: 14px;
    color: #fff;
}

.el-button--cancel {
    border: 1px solid #959595;
    color: #959595;
}

.el-button.is-plain {
    padding: 7px 15px;
    border: 1px solid var(--color-d2);
    color: var(--color-d2);
}

.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
    padding: 7px 15px;
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
    @include button-start-gradient;
    padding: 7px 15px;
    color: #fff;
}

/* 输入框 */
.el-input__inner {
    height: 32px;
    line-height: 32px;
}

.el-input__icon {
    line-height: 32px;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    border-color: #16336c;
}

/* 下拉 */
.el-select-dropdown__item.selected {
    color: #16336c;
}

.el-select .el-input__inner:focus {
    border-color: #16336c;
}

.el-select .el-input.is-focus .el-input__inner {
    border-color: #16336c;
}

/* checkbox */
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: #16336c;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #16336c;
    border-color: #16336c;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #16336c;
    border-color: #16336c;
}

.el-checkbox__inner:hover {
    border-color: #16336c;
}

/* upload */
.el-upload-dragger {
    width: 586px;
    height: 118px;
    border: 0;
}

.el-upload-dragger.is-dragover {
    background: #fafdff;
    border: 1px solid #d9d9d9;

    .upload {
        .dragnone {
            opacity: 0.2;
        }
    }
}

/* Progress */
.el-progress-bar__outer {
    border: 0;
    border-radius: 5px;
    background-color: #dddddd;
}

.el-progress-bar__inner {
    background-color: #044ca1;
    border-radius: 5px;
    opacity: 1;
}

.el-progress__text {
    font-size: 14px;
    color: #044ca1;
}

.el-steps--horizontal {
    width: 514px;
    margin: 0 auto;
}

.el-step__icon {
    width: 38px;
    height: 38px;
}

.el-step__icon.is-text {
    border: 1px solid;
}

.el-step.is-horizontal .el-step__line {
    top: 19px;
    background: transparent;
    border-top: 1px dashed #bbb;
}

.el-step__head.is-process {
    border: 0;

    .el-step__icon.is-text {
        background-image: linear-gradient(90deg, #5471f4 0%, #7c73fc 100%);
        color: #fff;
    }
}

/* 对话框 */
.el-dialog {
    /*margin-top: 11vh !important;*/
}

.el-dialog--center {
    font-size: 14px;
    color: #444444;
}

.el-dialog__headerbtn {
    width: 22px;
    height: 22px;
    background: #dddddd;
    border-radius: 50%;
}

.el-dialog__headerbtn .el-dialog__close {
    color: #fff;
}

.el-dialog__title {
    font-size: 16px;
    color: #000000;
}

.el-dialog__headerbtn:hover {
    background: #16336c;
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: #fff;
}

.el-dialog__headerbtn {
    top: 9px;
    width: 18px;
    height: 18px;
}

.v-modal {
    opacity: 0.25;
    background: #2b2b2b;
}

/*分页*/
.el-pagination {
    text-align: right;
    margin: 20px 0;
}

.el-pagination button,
.el-pagination span:not([class*="suffix"]) {
    font-size: 14px;
    height: 32px;
    line-height: 32px;
}

.el-pager li {
    border: 1px solid #cccccc;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    min-width: 24px;
    letter-spacing: 0.24px;
    font-size: 14px;
    margin: 0 9px 0 0;
    color: #b1b0b0;
}

.el-pager li.active + li {
    border: 1px solid #d9d9d9;
}

.el-pager li.active {
    background: #16336c;
    color: #fff;
    border: 1px solid #16336c;
    cursor: default;
}

.el-pager li:hover {
    color: #16336c;
}

.el-pager li.active:hover {
    color: #fff;
}

.el-pagination .btn-prev {
    border: 1px solid #cccccc;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 0 9px 0 0;
}

.el-pagination .btn-next {
    background: none;
    /*background-image: linear-gradient(90deg, #5471F4 0%, #7C73FC 100%);*/
    /*background: #16336c;*/
    border-radius: 4px;
    border: 1px solid #cccccc;

    background-size: auto;
    color: #b1b0b0;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
}

.el-pagination button:hover {
    background: #16336c;
    color: #fff;
}

.el-pagination .btn-prev .el-icon:hover {
    /*color: #16336c;*/
}

.el-pagination button:disabled {
    color: #c0c4cc;
    background-color: #fff;
    background-image: none;
    cursor: not-allowed;
    border: 1px solid #cccccc;
}

.el-pagination__editor.el-input {
    width: 32px;
    height: 32px;
    padding: 0;
}

.el-pagination__editor.el-input .el-input__inner {
    height: 32px;
    padding: 0;
}

/*菜单*/

.el-menu.el-menu--horizontal {
    border: 0;
}

.el-menu--horizontal > .el-menu-item {
    padding: 0;
    height: 32px;
    line-height: 32px;
    width: 90px;
    text-align: center;
}

.el-menu--horizontal > .el-menu-item.is-active {
    @include button-gradient;
    color: #fff !important;
}

.el-menu--horizontal > .el-menu-item {
    border: 0;
}

/*表格*/
.el-table th {
    background: #fafafa;
    font-size: 14px;
    color: #000000;
    text-align: left;
    padding: 10px 0;
    overflow: auto;
}

.el-table thead tr {
    background: #e9edfa;
}

.el-table td {
    font-size: 14px;
    color: #444444;
    text-align: left;
    padding: 12px 0;
    border-bottom: 0;
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #fafafa;
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
    background: rgba(147, 183, 255, 0.13);
}

.el-table .ascending .sort-caret.ascending {
    border-bottom-color: var(--icon-color);
}

.el-table .descending .sort-caret.descending {
    border-top-color: var(--icon-color);
}

/* 消息框 */
.el-message {
    margin: 10px auto;
    padding: 10px 15px 10px 20px;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);

    .el-message__content {
        font-size: 12px;
        color: #444;
    }
}

.el-message--success,
.el-message--error,
.el-message--warning,
.el-message--info {
    background: #fff;
    border-color: #fff;
}

.el-message .el-icon-success {
    color: #c18729;
}

.el-icon-success:before {
    content: "\e720";
}

.el-icon-error:before {
    content: "\e78d";
}

.el-icon-warning:before {
    content: "\e6c9";
}

.el-table__expand-icon {
    color: #16336c;

    .el-icon-arrow-right:before {
        content: "\e791";
    }
}

/* 日期组件 */
.el-range-editor.is-active,
.el-range-editor.is-active:hover {
    border-color: #16336c;
}

.el-date-table td.today span {
    color: #16336c;
    /*font-weight: 700;*/
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
    background-color: #16336c;
}

.el-date-table td.available:hover {
    color: #16336c;
}

.el-date-range-picker {
    width: 540px;
}

.el-date-range-picker .el-picker-panel__body {
    min-width: 480px;

    .el-date-table th {
        padding: 0;
    }
}

.el-date-range-picker__content {
    padding: 2px;
}

.el-date-range-picker__header {
    height: 24px;
}

.el-picker-panel__icon-btn:hover {
    color: #16336c;
}

.el-date-table td {
    width: 26px;
    padding: 1px 0;
}

.el-date-table td,
.el-date-table td div {
    height: 25px;
    -webkit-box-sizing: border-box;
}

.el-date-table td span {
    width: 18px;
    height: 18px;
    line-height: 18px;
}

.el-range-editor.el-input__inner {
    width: 270px;
    height: 32px;
    padding: 0px 10px;
}

.el-textarea__inner:focus {
    outline: 0;
    border-color: #16336c;
}

/* 日期范围 */
.el-range-editor .el-range-input {
    line-height: 30px;
    height: 30px;
}

/* Tabs */
.yc-tabs > .el-tabs__header {
    border: 0;
}

.yc-tabs > .el-tabs__header .el-tabs__nav {
    border: 0;
}

.el-tabs--top.yc-tabs > .el-tabs__header .el-tabs__item {
    background: #dddddd;
    color: #16336c;
    font-size: 14px;
    padding: 0 12px;
    height: 24px;
    line-height: 24px;
    border: 0;
    margin-right: 2px;
    font-weight: normal;
}

.el-tabs--top.yc-tabs > .el-tabs__header .el-tabs__item.is-active {
    background: #16336c;
    color: #ffffff;
}

.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 12px;
}

.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
    padding-right: 12px;
}

@media screen and(-ms-high-contrast:active), (-ms-high-contrast: none) {
    /*兼容IE11*/
    .el-date-editor .el-range-separator {
        line-height: 30px;
        height: 30px;
    }
}

.el-tooltip__popper.is-dark {
    background-color: #444;
    max-width: 350px;
}

.el-loading-spinner .el-loading-text {
    color: #444;
    margin: 3px 0;
    font-size: 14px;
}

.el-loading-spinner i {
    color: gray;
}
